<div class="text3" style="width: 275px; margin: auto; height: auto; font-size: 11px; color: #88a943; margin-top: 0px;">
    <form name="loan_form" method="post" action="" onsubmit="return chkformR();">
        <table width="270" border="0" cellspacing="0" cellpadding="0">
            <tbody>
                <tr>
                    <td height="10" align="left" valign="top"><img src="<?php echo($host) ?>images/bgtop.jpg" width="275" height="10"></td>
                </tr>
                <tr>
                    <td align="left" valign="top" bgcolor="#8DAE48">
                        <table border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                                <tr>
                                    <td width="28" align="left" valign="top">&nbsp;</td>
                                    <td align="left" valign="top" width="275">
                                        <table width="268" border="0" cellpadding="0" cellspacing="3">
                                            <tbody>
                                                <tr>
                                                    <td align="left" valign="top" colspan="2" style="color: #FFF; font-size: 18px; text-align: center;"><strong>ĐĂNG KÝ NGAY</strong></td>
                                                </tr>
                                                <tr>
                                                    <td width="99" height="23" align="left" valign="top" class="text" style="color: #FFF; font-size: 11px;">Sản phẩm</td>
                                                    <td width="161" class="text" style="color: #FFF; font-size: 11px;">
                                                        <select name="Type_Loan" id="Type_Loan" onchange="validateDiv(&#39;productRVal&#39;);" style="height: 20px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #4c4c4c; width: 150px;" tabindex="1">
                                                            <option value="1">Chọn sản phẩm</option>
                                                        </select>
                                                        <div id="productRVal"></div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td width="99" height="23" align="left" valign="top" class="text" style="color: #FFF; font-size: 11px;">Họ và tên</td>
                                                    <td width="161" class="text" style="color: #FFF; font-size: 11px;" height="23"><input name="fullname" id="fullname" type="text" style="width: 150px; height: 20px;" onkeydown="validateDiv(&#39;nameRVal&#39;);" tabindex="2"><div id="nameRVal"></div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td width="99" height="23" class="text" style="color: #FFF; font-size: 11px;">Điện thoại</td>
                                                    <td width="161" class="text" style="color: #FFF; font-size: 11px;"><input name="mobile" id="mobile" maxlength="10" onkeyup="intOnly(this);" onkeypress="intOnly(this)" onchange="intOnly(this);" type="text" style="width: 150px; height: 20px;" onkeydown="validateDiv(&#39;phoneRVal&#39;);" tabindex="3"><div id="phoneRVal"></div></td>
                                                </tr>
                                                <tr>
                                                    <td width="99" height="23" class="text" style="color: #FFF; font-size: 11px;">Email</td>
                                                    <td width="161" class="text" style="color: #FFF; font-size: 11px;"><input name="email_id" id="email_id" type="text" style="width: 150px; height: 20px;" onkeydown="validateDiv(&#39;emailRVal&#39;);" tabindex="4"><div id="emailRVal"></div></td>
                                                </tr>
                                                <tr>
                                                    <td width="99" height="23" align="left" valign="top" class="text" style="color: #FFF; font-size: 11px;">Tỉnh thành</td>
                                                    <td width="161" class="text" style="color: #FFF; font-size: 11px;"><select name="city" id="city" style="height: 20px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #4c4c4c; width: 150px;" onchange="validateDiv(&#39;cityRVal&#39;);" tabindex="5"><option value="Please Select">Chọn tỉnh thành</option><option value="Hà Nội">Hà Nội</option><option value="TP HCM">TP HCM</option><option value="TP Cần Thơ">TP Cần Thơ</option><option value="TP Đà Nẵng">TP Đà Nẵng</option><option value="TP Hải Phòng">TP Hải Phòng</option><option value="An Giang">An Giang</option><option value="Bà Rịa - Vũng Tàu">Bà Rịa - Vũng Tàu</option><option value="Bắc Giang">Bắc Giang</option><option value="Bắc Kạn">Bắc Kạn</option><option value="Bạc Liêu">Bạc Liêu</option><option value="Bắc Ninh">Bắc Ninh</option><option value="Bến Tre">Bến Tre</option><option value="Bình Định">Bình Định</option><option value="Bình Dương">Bình Dương</option><option value="Bình Phước">Bình Phước</option><option value="Bình Thuận">Bình Thuận</option><option value="Cà Mau">Cà Mau</option><option value="Cao Bằng">Cao Bằng</option><option value="Đăk Lăk">Đăk Lăk</option><option value="Đak Nông">Đak Nông</option><option value="Điện Biên">Điện Biên</option><option value="Đồng Nai">Đồng Nai</option><option value="Đồng Tháp">Đồng Tháp</option><option value="Gia Lai">Gia Lai</option><option value="Hà Giang">Hà Giang</option><option value="Hà Nam">Hà Nam</option><option value="Hà Tĩnh">Hà Tĩnh</option><option value="Hải Dương">Hải Dương</option><option value="Hậu Giang">Hậu Giang</option><option value="Hòa Bình">Hòa Bình</option><option value="Hưng Yên">Hưng Yên</option><option value="Khánh Hòa">Khánh Hòa</option><option value="Kiên Giang">Kiên Giang</option><option value="Kon Tum">Kon Tum</option><option value="Lai Châu">Lai Châu</option><option value="Lâm Đồng">Lâm Đồng</option><option value="Lạng Sơn">Lạng Sơn</option><option value="Lào Cai">Lào Cai</option><option value="Long An">Long An</option><option value="Nam Định">Nam Định</option><option value="Nghệ An">Nghệ An</option><option value="Ninh Bình">Ninh Bình</option><option value="Ninh Thuận">Ninh Thuận</option><option value="Phú Thọ">Phú Thọ</option><option value="Phú Yên">Phú Yên</option><option value="Quảng Bình">Quảng Bình</option><option value="Quảng Nam">Quảng Nam</option><option value="Quảng Ngãi">Quảng Ngãi</option><option value="Quảng Ninh">Quảng Ninh</option><option value="Quảng Trị">Quảng Trị</option><option value="Sóc Trăng">Sóc Trăng</option><option value="Sơn La">Sơn La</option><option value="Tây Ninh">Tây Ninh</option><option value="Thái Bình">Thái Bình</option><option value="Thái Nguyên">Thái Nguyên</option><option value="Thanh Hóa">Thanh Hóa</option><option value="Thừa Thiên Huế">Thừa Thiên Huế</option><option value="Tiền Giang">Tiền Giang</option><option value="Trà Vinh">Trà Vinh</option><option value="Tuyên Quang">Tuyên Quang</option><option value="Vĩnh Long">Vĩnh Long</option><option value="Vĩnh Phúc">Vĩnh Phúc</option><option value="Yên Bái">Yên Bái</option></select><div id="cityRVal"></div></td>
                                                </tr>
                                                <tr>
                                                    <td width="99" height="23" align="left" valign="top" class="text" style="color: #FFF; font-size: 11px; padding-right: 2px;">Thu nhập</td>
                                                    <td width="161" class="text" style="color: #FFF; font-size: 11px;"><input name="net_salary" id="net_salary" type="text" style="width: 150px; height: 20px;" onkeyup="intOnly(this);" onkeypress="intOnly(this)" onchange="intOnly(this);" onkeydown="validateDiv(&#39;netSalaryRVal&#39;);" tabindex="6"><div id="netSalaryRVal"></div></td>
                                                </tr>
                                                <tr>
                                                    <td align="left" valign="top" colspan="2" class="text9" style="color: #FFF; font-size: 8px; margin-top: 0px;"><input name="accept" type="checkbox" checked="checked" tabindex="7"><span style="font-weight: bold;">TÔI ĐỒNG Ý VỚI CÁC <a href="<?php echo($host) ?>dieu-khoan.html" target="_blank" style="color:#03F; text-decoration:none;">ĐIỀU KHOẢN & ĐIỀU KIỆN</a></span><div id="acceptRVal"></div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                	<td></td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>&nbsp;</td>
                                                    <td align="center" valign="top" style="margin-left: 0px;"><input type="submit" style="border: 0px none; background-image: url(<?php echo($host) ?>images/get1.gif); background-size: 94px 27px; width: 94px; height: 27px; margin-bottom: 0px; cursor: pointer;" value="" tabindex="8" /></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td height="10" align="left" valign="top"><img src="<?php echo($host) ?>images/bgbottom.jpg" width="275" height="10"></td>
                </tr>
            </tbody>
        </table>
    </form>
</div>
<script type="text/javascript">
function validateDiv(div) {

var ni1 = document.getElementById(div);
ni1.innerHTML = '';
}

loaddatadichvu();
function loaddatadichvu() {
	$.ajax({
		type: "POST",
		url: "<? echo($host) ?>src/ajax/ajaxpurloan.php",
		data:{},
		dataType: "json",
		success: function(response){
			html = '';
			$.each(response, function(entryIndex, entry){
				html += '<option value="' + entry[0] + '">' + entry[1] + '</option>';
			});
			$('#Type_Loan').append(html);
		}
	});
}

function chkformR() {
	var regMail = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/
	var j;
	var cnt=-1;
	var alpha=/^[a-zA-Z\ ]*$/;
	var alphanum=/^[a-zA-Z0-9]*$/;
	var num=/^[0-9]*$/;
	var space=/^[\ ]*$/;
	var iChars ="/@#$%^&*()+=-[]\\\';,.{}|\":<>?!";


	if (document.loan_form.Type_Loan.selectedIndex==0) {
		document.getElementById('productRVal').innerHTML = "<span  class='hintanchorqa'>Chọn Sản Phẩm</span>";	
		document.loan_form.Type_Loan.focus();
		return false;
	}
//kiem tra ho ten
	if((document.loan_form.fullname.value=="") || (Trim(document.loan_form.fullname.value))==false)
	{
        document.getElementById('nameRVal').innerHTML = "<span class='hintanchorqa'>Vui Lòng Nhập Họ Tên</span>";		
		document.loan_form.fullname.focus();
		return false;
	}

	if(document.loan_form.fullname.value!="")
	{
		if(containsdigit(document.loan_form.fullname.value)==true)
		{
			document.getElementById('nameRVal').innerHTML = "<span  class='hintanchorqa'>Họ Tên không được chứa số!</span>";
			document.loan_form.fullname.focus();
			return false;
		}
	}
   for (var i = 0; i <document.loan_form.fullname.value.length; i++) 
   {
		if (iChars.indexOf(document.loan_form.fullname.value.charAt(i)) != -1) 
		{
			document.getElementById('nameRVal').innerHTML = "<span  class='hintanchorqa'>Không được chứa ký tự đặc biệt!</span>";
			document.loan_form.fullname.focus();
			return false;
		}
  }
  
	// kiem tra so dien thoai
	if(document.loan_form.mobile.value=="")
	{
		document.getElementById('phoneRVal').innerHTML = "<span  class='hintanchorqa'>Nhập số điện thoại!</span>";
		document.loan_form.mobile.focus();
		return false;
	}
	if(isNaN(document.loan_form.mobile.value)|| document.loan_form.mobile.value.indexOf(" ")!=-1)
	{
		document.getElementById('phoneRVal').innerHTML = "<span  class='hintanchorqa'>Chỉ được nhập số!</span>";
		document.loan_form.mobile.focus();
		return false;  
	}
	if (document.loan_form.mobile.value.length < 9 )
	{
	  	document.getElementById('phoneRVal').innerHTML = "<span  class='hintanchorqa'>SĐT lớn hơn 9 số!</span>";	
		document.loan_form.mobile.focus();
		return false;
	}
	
	// kiem tra nhap email
	if(document.loan_form.email_id.value=="")
	{
		document.getElementById('emailRVal').innerHTML = "<span  class='hintanchorqa'>Nhập địa chỉ email!</span>";	
		document.loan_form.email_id.focus();
		return false;
	}
	
	var str=document.loan_form.email_id.value
	var aa=str.indexOf("@")
	var bb=str.indexOf(".")
	var cc=str.charAt(aa)

	if(aa==-1)
	{
		document.getElementById('emailRVal').innerHTML = "<span  class='hintanchorqa'>Email không hợp lệ!</span>";	
		document.loan_form.email_id.focus();
		return false;
	}
	else if(bb==-1)
	{
		document.getElementById('emailRVal').innerHTML = "<span  class='hintanchorqa'>Email không hợp lệ!</span>";	
		document.loan_form.email_id.focus();
		return false;
	}


	//kiem tra tinh thanh
	if (document.loan_form.city.selectedIndex==0)
	{
		document.getElementById('cityRVal').innerHTML = "<span  class='hintanchorqa'>Enter City to Continue!</span>";	
		document.loan_form.city.focus();
		return false;
	}

// kiem tra tong luong hang nam
	if (document.loan_form.net_salary.value=="")
	{
		document.getElementById('netSalaryRVal').innerHTML = "<span  class='hintanchorqa'>Vui lòng nhập tổng lương hàng năm!</span>";	
		document.loan_form.net_salary.focus();
		return false;
	}

// kiem tra accept
	if(!document.loan_form.accept.checked)
	{
		document.getElementById('acceptRVal').innerHTML = "<span  class='hintanchorqa'>Chấp nhận các Điều khoản và Điều kiện!</span>";

		document.loan_form.accept.focus();
		return false;
	}	
	
	
	insertajax();
	return false;
}
//----------------------------------------------------
function insertajax() {
	var type = $('#Type_Loan option:selected').text();
	var fullname = $('#fullname').val();
	var phonenumber = $('#mobile').val();
	var emailadd = $('#email_id').val();
	var contry = $('#city').val();
	var salary = $('#net_salary').val();
	var ngsinh = "";
	var employment = "";
	var amount = "";
	var giatritaisan = "";
	var monthloan = "";
	
	$('body').append('<div class="reveal-modal-bg"></div>');
	
	$.ajax({
		type: "POST",
		url: "<?php echo($host) ?>control/ajaxapplyloanform.php",
		data:{'Type_Loan': type, 'Name': fullname, 'Phone': phonenumber, 'Email': emailadd, 'City': contry, 'Net_Salary': salary, 'birthday': ngsinh, 'Employment_Status': employment, 'Loan_Amount': amount, 'property_value': giatritaisan, 'obligations': monthloan},
		dataType: "json",
		success: function(response){
			
			if(response == true){
				//alert('Đăng ký thành công, chúng tôi sẽ liên hệ với bạn sau, cảm ơn bạn đã đăng ký');
				resetinfoform();
				new Messi('Đăng ký thành công, chúng tôi sẽ liên hệ với bạn sau, cảm ơn bạn đã đăng ký', {
					title: 'Đăng Ký Thông Tin Vay',
					titleClass: 'info', //
					buttons: [{
						id: 0, 
						label: 'Đóng', 
						val: 'X'
					}]
				});
			} else {
				//alert('Đăng ký thất bại, bạn vui lòng thử lại sau!');
				new Messi('Đăng ký thất bại, bạn vui lòng thử lại sau!', {
					title: 'Đăng Ký Thông Tin Vay',
					titleClass: 'anim error', //anim error
					buttons: [{
						id: 0, 
						label: 'Đóng', 
						val: 'X'
					}]
				});
			}
			
		}
	});
}

function resetinfoform() {
	$('#Type_Loan').val('');
	$('#fullname').val('');
	$('#mobile').val('');
	$('#email_id').val('');
	$('#city').val('');
	$('#net_salary').val('');
}

//----------------------------------------------------
function validateDiv(div)
{

	var ni1 = document.getElementById(div);
	ni1.innerHTML = '';
}

function onFocusBlank(element,defaultVal){
	if(element.value==defaultVal){
		element.value="";
	}
}

function onBlurDefault(element,defaultVal){
	if(element.value==""){
		element.value = defaultVal;
	}
}

function Trim(strValue) 
{
	var j=strValue.length-1;i=0;
	while(strValue.charAt(i++)==' ');
	while(strValue.charAt(j--)==' ');
	return strValue.substr(--i,++j-i+1);
}

function containsdigit(param)
{
	mystrLen = param.length;
	for(i=0;i<mystrLen;i++)
	{
		if((param.charAt(i)=="0") || (param.charAt(i)=="1") || (param.charAt(i)=="2") || (param.charAt(i)=="3") || (param.charAt(i)=="4") || (param.charAt(i)=="5") || (param.charAt(i)=="6") || (param.charAt(i)=="7") || (param.charAt(i)=="8") || (param.charAt(i)=="9") || (param.charAt(i)=="/"))
		{
			return true;
		}
	}
	return false;
}
</script>